<template>
    <div class="navbar">
      <router-link to="/" class="link">首页</router-link>
      <router-link to="/addUser" class="link">添加用户</router-link>
      <router-link to="/login" class="link">登录</router-link>

      <!-- 在这里添加更多链接 -->
    </div>
  </template>
  
  <script>
  export default {
    name: 'Navbar'
  }
  </script>
  
  <style scoped>
  .navbar {
    display: flex;
    flex-direction: column; /* 垂直排列链接 */
    justify-content: start;
    height: 100vh; /* 高度填满视窗 */
    padding: 20px; /* 内边距 */
    box-sizing: border-box; /* 包括内边距在内的宽度计算 */
    /* 更多样式 */
  }
  .link {
    background-color: #00ffa27d; /* 表头背景颜色 */
    color: #ffffff76; /* 表头字体颜色 */
    font-size: 30px;
    margin: 20px;
  }
  .link1 {
    background-color: #ff00d453; /* 表头背景颜色 */
    color: #ffffffab; /* 表头字体颜色 */
    font-size: 30px;
    margin: 20px;
  }
  </style>